<template>
	<div class="output">
		<h3>{{name}}的岗位是{{jobName}}</h3>
	</div>
</template>

<script>
export default {
  name: 'TestOutput',
  props: {
    name: {
			type: String,
			default: "尹杰",
			required: false
		},
    job: {
			type: Number,
			default: 2
		}
  },
	computed: {
		jobName(){
			let jobName = "";
			switch(this.job){
				case 1: jobName="前端"; break;
				case 2: jobName="后端"; break;
				case 3: jobName="产品经理"; break;
				case 4: jobName="实施"; break;
				case 5: jobName="其他"; break;
			}
			return jobName;
		}
	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
	color:#0080D9;
}
</style>
